<div class="col-xs-12">
    <div class="box">
        <div class="box-header">
            <h3 class="box-title">搜索</h3>

            <div class="box-tools">

                <div class="col-xs-3 input-group-sm" style="width: 200px;padding-right: 0 !important;">
                    <input type="text" id="begintime" name="table_search" class="form-control pull-right"
                           placeholder="请选择开始时间" style="font-size: 14px">
                </div>

                <span style="float:left">&nbsp;-- &nbsp;</span>

                <div class="col-xs-3 input-group-sm" style="width: 200px;padding-left: 0 !important;">
                    <input type="text" name="table_search" id="endtime" class="form-control pull-right"
                           placeholder="请选择结束时间" style="font-size: 14px">
                </div>


                <div class="input-group input-group-sm" style="width: 200px;">
                    <input type="text" name="table_search" class="form-control pull-right"
                           placeholder="请输入姓名 | 工号" style="font-size: 14px">

                    <div class="input-group-btn">
                        <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body table-responsive no-padding">
            <table class="table table-hover">
                <tbody>
                <tr>
                    <th>ID</th>
                    <th>部门</th>
                    <th>姓名</th>
                    <th>签到时间</th>
                    <th>地点</th>
                    <th>客户名称</th>
                    <th>备注</th>
                    <th>操作</th>
                </tr>
                <tr>
                    <td>9527</td>
                    <td>技术部</td>
                    <td>张德江</td>
                    <td>2017-09-20 15:30:12</td>
                    <td>成都市武侯区避孕路1号</td>
                    <td>打小德网吧</td>
                    <td>路上堵车，迟到了5分钟！</td>
                    <td>
                        <button class="btn btn-info btn-flat btn-sm qddetail">详情</button>
                    </td>
                </tr>
                <tr>
                    <td>9527</td>
                    <td>技术部</td>
                    <td>张德江</td>
                    <td>2017-09-20 15:30:12</td>
                    <td>成都市武侯区避孕路1号</td>
                    <td>打小德网吧</td>
                    <td>路上堵车，迟到了5分钟！</td>
                    <td>
                        <button class="btn btn-info btn-flat btn-sm qddetail">详情</button>
                    </td>
                </tr>
                <tr>
                    <td>9527</td>
                    <td>技术部</td>
                    <td>张德江</td>
                    <td>2017-09-20 15:30:12</td>
                    <td>成都市武侯区避孕路1号</td>
                    <td>打小德网吧</td>
                    <td>路上堵车，迟到了5分钟！</td>
                    <td>
                        <button class="btn btn-info btn-flat btn-sm qddetail">详情</button>
                    </td>
                </tr>
                <tr>
                    <td>9527</td>
                    <td>技术部</td>
                    <td>张德江</td>
                    <td>2017-09-20 15:30:12</td>
                    <td>成都市武侯区避孕路1号</td>
                    <td>打小德网吧</td>
                    <td>路上堵车，迟到了5分钟！</td>
                    <td>
                        <button class="btn btn-info btn-flat btn-sm qddetail">详情</button>
                    </td>
                </tr>
                <tr>
                    <td>9527</td>
                    <td>技术部</td>
                    <td>张德江</td>
                    <td>2017-09-20 15:30:12</td>
                    <td>成都市武侯区避孕路1号</td>
                    <td>打小德网吧</td>
                    <td>路上堵车，迟到了5分钟！</td>
                    <td>
                        <button class="btn btn-info btn-flat btn-sm qddetail">详情</button>
                    </td>
                </tr>

                </tbody>
            </table>
        </div>
        <!-- /.box-body -->
        <div class="box-footer clearfix">
            <ul class="pagination pagination-sm no-margin pull-right">
                <li><a href="#">«</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">»</a></li>
            </ul>
        </div>
    </div>
    <!-- /.box -->
</div>
<!-- 自己的js -->
<script src="dist/js/self.js"></script>